<template>
	<view class="gradient-container">
		<view class="status_bar"></view>
		<view class="pagetitle">
			<uni-icons type="back" style="position:absolute; left: 10pt;bottom: 10pt;" size="16pt" @click="back_my"></uni-icons>
			<view class="center" style="height: 44pt;width: 120pt;">
				<text style="margin: 12pt 0pt;font-size: 16pt;">提现申请</text>
			</view>
		</view>
		
		<view style="margin: 16pt 0pt; width: 100%; display: flex; align-items: center; justify-content: center;">
		  <view style="height: 72pt; width: 72pt; display: flex; flex-direction: column; align-items: center; justify-content: center;">
			<image
			  src=""
			  style="background-color: bisque; border-radius: 50%; height: 40pt; width: 40pt; margin-bottom: 8pt;"
			></image>
			<text style="text-align: center; width: 72pt; font-size: 12pt; color: #333; line-height: 1.2;">
			  {{ user_name}}
			</text>
		  </view>
		</view>

		<view class="list " style="width: 95%;height: 176pt;flex-direction: column;display: flex;">
			<view class="item-message" style="margin-top: 32pt;">
				<text >申请商家：</text>
				<text style="position: absolute; right: 8%;">{{user_name}}</text>
			</view>
			<view class="item-message">
				<text>申请时间：</text>
				<text style="position: absolute; right: 8%;">{{time}}</text>
			</view>
			<view class="item-message">
				<text>申请金额：</text>
				<text style="position: absolute; right: 8%;font-weight: bold;">{{Amount_applied}}</text>
			</view>
			<view class="item-message" style="margin-bottom: 32pt;">
				<text>可提现金额：</text>
				<text style="position: absolute; right: 8%;font-weight: bold;">{{Withdrawal_Amount}}</text>
			</view>
		</view>
		
		<view style="width: 95%;flex-direction: column;display: flex;margin: 8pt;">
			<text style="color: rgba(0, 122, 255, 1);margin: 0pt 0pt 0pt 15pt;">可提现明细</text>
			<view style="width: 100%;flex-direction: column;display: flex;">
				
				
				<view style="width: 100%;height: 56pt;margin: 8pt 0pt;" v-for="(item,index) in Turnover">
					<view style="width: 100%;height: 38pt;margin:9pt 0pt;flex-direction: row;display: flex;">
						
						<view style="width: 43%;height: 38pt;flex-direction: row;display: flex;">
							<image
							  src=""
							  style="background-color: bisque; border-radius: 50%; height: 32pt; width: 32pt; margin-bottom: 8pt;"
							></image>
							<view style="flex-direction: column;display: flex;">
							<text style="font-size:14pt ;color:rgba(0, 0, 0, 0.80);">{{user_name}}</text>
							<text style="font-size:10pt ;color:rgba(0, 0, 0, 0.40);">交易额 &emsp;{{Turnover[index]}}</text></view>
						</view>
						<view style="width: 36%;height: 38pt ; display:flex;justify-content: center;align-items: center;flex-direction: column;">
							<text style="font-size:10pt ;color:rgba(0, 0, 0, 0.40);">+10.00</text>
							<text style="font-size:10pt ;color:rgba(0, 0, 0, 0.40);">返利</text>
						</view>
						<view style="width: 22%;height: 38pt;display: flex;justify-content: center;align-items: center;">
							<text style="font-size:14pt ;
							color:rgba(0, 0, 0, 0.80);
							font-weight: bold;line-height: 22pt;">1000.00</text>
						</view>
						
					</view>
				</view>
				
				<view style="position: absolute;bottom: 3%;left:0%;width: 100%;
				height:58pt ;flex-direction: row;display: flex;
				justify-content: center;align-items: center;">
					<button plain="true" 
					style="background-color: rgba(0, 0, 0, 0);color: rgba(153, 153, 153, 1);
					width: 30%;text-align: center;margin:0pt 5pt;border: none;"
					@click="no_pass"
					>不通过</button>
					<button style="background-color: rgba(0, 122, 255, 1);color: white;
					width: 65%;text-align: center;margin:  0pt 5pt;" hover-class=""
					@click="pass"
					>审核通过</button>
				</view>
				
				
			</view>
		
		</view>
		
	</view>
</template>

<script setup>
import { ref } from 'vue';

	let user_name='希金斯日';
	let time='2025-11-2 10:44:32';
	const Amount_applied=213;
	const Withdrawal_Amount=222;
	const Turnover=[1000,1000,1000];
	const back_my=()=>{
		uni.switchTab({
			url:'/pages/guanliyuan/my',
		});
	}
</script>

<style scss>
	.center{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.pagetitle{
		position: relative;
		display: flex;
		width: 100%;
		height: 44pt;
		align-items: center;
		justify-content: center;
	}
	.list{
		background-color: #ffffff;
		border-radius: 10pt;
		box-shadow: 2pt 2pt 4pt #e1e1e1;
		margin: 8pt;
	}
	.item-message{
		margin: 3%;
		display: flex;
	}.
.note {
  font-size: 10pt;
  color: rgba(0, 0, 0, 0.40);
}
</style>